<template>
  <div id="app">
    <transition name="fade">
      <router-view></router-view>
    </transition>
    <Tab></Tab>
  </div>
</template>
<script>
  import Tab from './base/Tab.vue'
  //必须返回一个对象
  export default{
    name:'app',
    components:{
      Tab
    }
  }
</script>
//加上scoped后，style只作用于该样式
<style lang="scss">
  $rem-07:0.7rem;
  ul,li{list-style:none}
  a{
    text-decoration:none;
    &:focus{text-decoration:none;}
  }
  input,button{appearance:none}
  .fade-enter{
    opacity:0;
  }
  .fade-enter-active{
    transition:all .3s linear;
  }
  .fade-leave-active{
    transition:all .3s linear;
    opacity:0;
  }
</style>
